<!DOCTYPE HTML>
<html>
<body>
<canvas id="canvas" width="300px" height="300px" style="border:1px solid #c3c3c3;"></canvas>

<script type="text/javascript">
  var ctx = document.getElementById('canvas').getContext("2d");
  ctx.font = '15px Arial';

  ctx.fillText('foobar', 10, 20);
  ctx.fillText('foorab', 10, 40);
  ctx.fillText('oofbar', 10, 60);
  ctx.fillText('raboof', 10, 80);

</script>
</body>
